<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Dishes</title>

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="bootstrap/css/nav.css" type="text/css">

    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/dishes.js"></script>
    <script type="text/javascript" src="js/jquery.fly.min.js"></script>
      
</head>
<body>
<div class="row">
    <div class="col-md-12 header">
        <nav class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div style="float:left"><h2 id="title"></h2></div>
                <div style="float:right;margin-top: 20px" id="header">
<!--                     <a style="font-size: x-large" data-toggle="modal" data-target="#LoginForm"> -->
<!--                         Login -->
<!--                     </a> -->
<!--                     <a style="font-size: x-large" data-toggle="modal" data-target="#RegistForm"> -->
<!--                         Regist -->
<!--                     </a> -->
                </div>
            </div>
        </nav>
    </div>
</div>
<div class="row">
    <div class="col-md-2" style="margin-left: 30px">
    	<a href="merchants.html">Back</a>
        <ul class="nav nav-pills nav-stacked" id="dishtype" style="border: 1px solid #ddd;border-radius: 5px">
            <li role="presentation" class="active"><a>Dish Type</a></li>

        </ul>
    </div>
    <div class="col-md-8">
        <div class="row" id="dishes">

        </div>
    </div>
    
     <div class="col-md-2">
        <div class="J-global-toolbar">
            <div class="toolbar-wrap J-wrap">
                <div class="toolbar">
                    <div class="toolbar-panels J-panel">
                        <div style="visibility: hidden;"
                             class="J-content toolbar-panel tbar-panel-cart toolbar-animate-out">
                            <h3 class="tbar-panel-header J-panel-header">
                                <a href="" class="title"><i></i><em class="title">购物车</em></a>
                                <span class="close-panel J-close"></span>
                            </h3>
                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<!--                                 <div class="panel panel-default"> -->
<!--                                     <div class="panel-heading" role="tab" id="headingTwo"> -->
<!--                                         <h4 class="panel-title"> -->
<!--                                             <a class="collapsed" role="button" data-toggle="collapse" -->
<!--                                                data-parent="#accordion" href="#collapseTwo" aria-expanded="false" -->
<!--                                                aria-controls="collapseTwo"> -->
<!--                                                 起风了 -->
<!--                                             </a> -->
<!--                                         </h4> -->
<!--                                     </div> -->
<!--                                     <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" -->
<!--                                          aria-labelledby="headingTwo"> -->
<!--                                         <div class="panel-body"> -->
<!--                                             <div class="tbar-cart-list"> -->

<!--                                                 <div class="tbar-cart-item"> -->
<!--                                                                 <div class="jtc-item-goods"> -->
<!--                                                                     <span class="p-img"><a href="#"><img -->
<!--                                                                             src="img/4 (3).jpg" -->
<!--                                                                             height="50" width="50"/></a></span> -->
<!--                                                                     <div class="p-name"> -->
<!--                                                                         <a href="#">强烈推荐！好吃到爆炸的黑椒猪扒饭！</a> -->
<!--                                                                     </div> -->
<!--                                                                     <div class="p-price"><strong>¥50.00</strong></div> -->
                                                                    
<!--                                                                     <div class="p-num"> -->
<!--                                                                        <input class="min" name="" type="button" value="-" />  -->
<!--                                                                         <input class="num" name="" type="text" value="1" /> -->
<!--                                                                         <input class="add" name="" type="button" value="+" />  -->
<!--                                                                     </div> -->
                                                                    
<!--                                                                     <a href="#none" class="p-del J-del">删除</a> -->
<!--                                                                 </div> -->
<!--                                                             </div> -->

<!--                                             </div> -->
<!--                                         </div> -->
<!--                                     </div> -->
<!--                                 </div> -->
<!--                                 <div class="panel panel-default"> -->
<!--                                     <div class="panel-heading" role="tab" id="headingtr"> -->
<!--                                         <h4 class="panel-title"> -->
<!--                                             <a class="collapsed" role="button" data-toggle="collapse" -->
<!--                                                data-parent="#accordion" href="#collapsetr" aria-expanded="false" -->
<!--                                                aria-controls="collapseTwo"> -->
<!--                                                 起风了 -->
<!--                                             </a> -->
<!--                                         </h4> -->
<!--                                     </div> -->
<!--                                     <div id="collapsetr" class="panel-collapse collapse" role="tabpanel" -->
<!--                                          aria-labelledby="headingtr"> -->
<!--                                         <div class="panel-body"> -->

<!--                                                         <div class="tbar-cart-list"> -->
<!--                                                             <div class="tbar-cart-item"> -->
<!--                                                                 <div class="jtc-item-goods"> -->
<!--                                                                     <span class="p-img"><a href="#"><img -->
<!--                                                                             src="img/4 (3).jpg" -->
<!--                                                                             height="50" width="50"/></a></span> -->
<!--                                                                     <div class="p-name"> -->
<!--                                                                         <a href="#">强烈推荐！好吃到爆炸的黑椒猪扒饭！</a> -->
<!--                                                                     </div> -->
<!--                                                                     <div class="p-price"><strong>¥50.00</strong></div> -->
                                                                    
<!--                                                                     <div class="p-num"> -->
<!--                                                                        <input class="min" name="" type="button" value="-" />  -->
<!--                                                                         <input class="text_box" name="" type="text" value="1" />  -->
<!--                                                                         <input class="add" name="" type="button" value="+" />  -->
<!--                                                                     </div> -->
                                                                    
<!--                                                                     <a href="#none" class="p-del J-del">删除</a> -->
<!--                                                                 </div> -->
<!--                                                             </div> -->
<!--                                                         </div> -->
<!--                                                     </div> -->
<!--                                     </div> -->
<!--                                 </div> -->
                            </div>
                            <div class="tbar-panel-footer J-panel-footer">
                                <div class="tbar-checkout">
                                    <div class="jtc-number"><strong class="J-count">0</strong>件商品</div>
                                    <div class="jtc-sum"> 共计：<strong class="J-total">¥113</strong></div>
                                    <a class="jtc-btn J-btn" href="#none" target="_blank">去购物车结算</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="toolbar-header"></div>

                    <div class="toolbar-tabs J-tab">
                        <div class="toolbar-tab tbar-tab-cart" id="end">
                            <i class="tab-ico"></i>
                            <em class="tab-text ">购物车</em>
                            <span class="tab-sub J-count ">0</span>
                        </div>
                    </div>
                    <div class="toolbar-mini"></div>
                </div>
                <div id="J-toolbar-load-hook"></div>
            </div>
        </div>


    </div>
    <!-- Login -->
    <div class="modal fade" id="LoginForm" tabindex="-1" role="dialog" aria-labelledby="LoginLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="LoginLabel">Login</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="exampleInputEmail1">UserName</label>
                        <input type="email" class="form-control" id="username1" placeholder="Username">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input type="password" class="form-control" id="password1" placeholder="Password">
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary" id="loginbtn">Login</button>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!-- Regist -->
    <div class="modal fade" id="RegistForm" tabindex="-1" role="dialog" aria-labelledby="RegistLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="RegistLabel">Regist</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="exampleInputEmail1">UserName</label>
                        <input type="email" class="form-control" id="username2" placeholder="Username">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input type="password" class="form-control" id="password2" placeholder="Password">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary" id="regbtn">Regist</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src = 'bootstrap/js/nav.js'></script>
</div>



</body>
</html>